<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="shortcut icon" href="assets/images/蜘蛛侠biaotitu.jpg" type="image/x-icon">
	    <title>[简历]王跃-网络与新媒体在学学生/广州</title>
</head>
<body>
<video id="1" autoplay muted loop style="width: 100%;">
  <source src="assets\images\视频壁纸.mp4" type="">
</video>

<div >
	<ul class="nav">
		<li><a href="#">欢迎观看本人主页</a></li>
		<li><a href="https://gitee.com/wy170101">gitee主页</a></li>
		<li><a href="https://gitee.com/wy170101/tableau-assignment-11/blob/master/README.md">可视化作品链接</a></li>
		<li><a href="http://pc.nfu.edu.cn/admin/home">pc志愿者官网</a></li>
	</ul>

    <div class="left_div" style="float: left;">
    <p style="text-align:center">
    <img  src="assets/images/hondiphoto.jpg" height="150" width="150">  
    </p>
    <p style="text-align:center">王跃</p>
    <p style="text-align:center">中山大学南方学院 网络与新媒体 2020/广州</p>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <img src="assets/images/蜘蛛侠图标.png." height="30" width="20">
    <span>基本信息</span>
    <p>个人信息&emsp;&emsp;&emsp;王跃 / 男 / 20岁</p>
    <p>英语水平&emsp;&emsp;&emsp;CET-4 未考</p>
    <p>计算机水平&emsp;&emsp;二级未考</p>
    <br>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <img src="assets/images/联系方式图标.png" height="20" width="20">
    <span>联系方式</span>
    <li>
    <label>手机</label>
    <a href="tel:15168285219" target="_blank">&emsp;&emsp;&emsp;133-804-18245</a>
    </li>
    <li>
    <label>邮箱</label>
    <a href="https://mail.qq.com/cgi-bin/frame_html?sid=M7ks9vIlwoUVe2AB&r=c0e9e15ffa9f9d93e49b0f5332bc7ccf" target="_blank">&emsp;&emsp;&emsp;457639050@qq.com</a>
    </li>
    <li>
    <label>个人主页</label>
    <a href="https://gitee.com/wy170101" target="_blank">&emsp;https://gitee.com/wy170101</a>
    </li>
    <li>
    <label>和鲸主页</label>
    <a href="https://www.heywhale.com/home/user/profile/6075bb29dad6c00017998c65" target="_blank">&emsp;liweier的和鲸主页</a></li>
    <br>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <br> 
    <img src="assets/images/工作图标.png" height="20" width="20">
    <span>技能点</span>
    <li>
    <label>HTML&emsp;&emsp;&emsp;</label>
    <progress value="90" max="100"></progress>
    </li>
    <li>
    <label>CSS&emsp;&emsp;&emsp;&emsp;</label>
    <progress value="85" max="100" class="hot"></progress>
    </li>
    <li>
    <label>JavaScript&emsp;      </label>
    <progress value="85" max="100" class="hot"></progress>
    </li>
    <li>
    <label>python &emsp;&emsp;</label>
    <progress value="50" max="100" class="hot"></progress>
    </li>                
    <li>
    <label>MnProgram</label>
    <progress value="50" max="100"class="hot" ></progress>
    </li>
    <br>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <img src="assets/images/二维码图标.png"height="25" width="30">
    <span>二维码</span>
    <p style="text-align:center;">
    <img src="assets/images/二维码.jpg." height="300" width="300">
    </p>
    </div>
    <div class="right_div" style="float: left;">
    <img src="assets/images/tubiao4 xsm.jpg." height="20" width="20">
    <spap>教育经历</span>	
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <p class="biaoti">·广东省汕头市澄海集贤中学（初中）&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;2013.09-2016.06</p>
    <p>初中三年勤恳学习，与同学相处融洽，获得大部分老师的认可，三年学习后进入当地的重点高中。</p>
    <p class="biaoti">·广东省汕头市苏北中学（高中）&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;2016.09-2020.06</p>
    <p>于苏北中学渡过了难忘的四年，经历了许多，心态性格身体各方面都向成熟更进了一步，以面对丰富多彩的大学生活。</p>
    <p class="biaoti">·中山大学南方学院 - 网络与新媒体专业（本科）&emsp;&emsp;&emsp;&emsp;&emsp;2020.09-至今</p>
    <span>已于南苑就读2年，其中专业课成绩优秀，多科成绩名列前茅，其中还参加了<b>学校的pc志愿者社团，将于2021上半年参加微信小程序大赛。
    </b></span>
    <br>
    <br>
    <br>
    <img src="assets/images/xiaobiao.jpg." height="20" width="20">
    <span>在校经历</span>
    <hr style="height:1px;border:none;border-top:1px solid #555555;" />
    <img src="assets/images/tubiao6 sb.jpg." height="20" width="20">
    <span>学业经历</span>
    <p>大一上学期原就读于旅游管理专业，经过一个学期的学习发现旧专业不适合自身，<em>果断转到网络与新媒体专业，对网新的课程兴趣度较高，学习起来更有动力，成绩也较好。</em></p>
    <img src="assets/images/shetuan-pc.jpg." height="20" width="20">
    <span>社团经历</span>
    <p>于大一上学期加入pc志愿服务队，在任期间积极参加活动，在图书馆以及上宿舍楼为全校学生免费解决电脑问题，完成订单数量40台，分单60单，志愿热心为同学们服务。</p>
    </div>
    <div class="next_div" style="float: left;">
      <main>

      </main>
    </div>
   
</div>
</body>
</html>
<style>
video{

          position: fixed;

          right:0;

          bottom: 0;

          min-width: 100%;

          min-height: 100%;

          width: auto;

          height: auto;

          z-index: -9999;
      }
*{
	padding: 0px;
			margin: 0px;
		}
		.nav{
			list-style: none;
			background-color: #6495ed;/*给整个列表设置蓝色背景*/
			width: 1200px;
			/*height: 45px;*/
			margin-bottom:20px;
			overflow: hidden;
			zoom: 1;
		}
		.nav li{
			float: left;
			width: 25%;
		}
		.nav a{
			width: 100%;
			display: inline-block;
			text-align: center;
			padding: 5px 0px;
			text-decoration: none;
			color: white;
			font-weight: bold;
		}
		.nav a:hover{
			background-color: red;
		}
 progress {
  -webkit-appearance: none;
}

::-webkit-progress-bar {
  background-color:#6A5ACD;
}
 a{text-decoration:none}
 a:hover{text-decoration:none}
 body {
   margin-top:0px;
   margin-bottom:100px;
   margin-right:100px;
   margin-left:150px;	
   float:left;padding:10px;
   background-color:#E6E6FA
 }
 .left_div {
 	border-radius: 20px;
 	 padding: 10px;
 	 margin-right:50px ;
	 background-color: #B2DFEE;
     width: 450px;
     height:960px;
}
.right_div {
	border-radius: 20px;
	    padding: 50px;
        color: #000000;
        background-color:#E1FFFF;
		padding:15px 10px;
		width: 700px;
		height: 400px;
		white-space:normal;
        word-break:break-all;
        word-wrap:break-word;
    }
.next_div {
  margin-top:20px ;
  border-radius: 20px;
      padding: 50px;
        color: #000000;
        background-color:#E1FFFF;
    padding:15px 10px;
    width: 700px;
    height: 500px;
    white-space:normal;
        word-break:break-all;
        word-wrap:break-word;
    }

    img{
    	border-radius: 20px;
    }
    .biaoti{
    	font-size: 20px;
    	color:#00FF7F
    }
</style>

